<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!--引入layui-->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>

    <!-- Title -->
    <title>QAQ 商标注册官网-提供专业商标注册的网站</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="customIndex/img/core-img/favicon.ico">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="customIndex/style.css">
    <style>
        .frienda {
            color: gray;
        }

        .frienda:hover {
            color: white;
        }
    </style>

</head>

<body>
<!-- Preloader -->
<div class="preloader d-flex align-items-center justify-content-center">
    <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
</div>

<!-- ##### Header Area Start ##### -->
<header id="header" class="header-area">

    <!-- Navbar Area -->
    <div class="mag-main-menu" id="sticker">
        <div class="classy-nav-container breakpoint-off">
            <!-- Menu -->
            <nav class="classy-navbar justify-content-between" id="magNav">

                <!-- logo-->
                <a href="#header" style="margin: auto" class="nav-brand"><img
                        style="position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);"
                        src="customIndex/img/core-img/logo.png" alt=""></a>

                <!-- Navbar Toggler -->
                <div class="classy-navbar-toggler">
                    <span class="navbarToggler"><span></span><span></span><span></span></span>
                </div>

                <!-- Nav Content -->
                <div class="nav-content d-flex align-items-center">
                    <div class="classy-menu">
                        <!-- Close Button -->
                        <div class="classycloseIcon">
                            <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                        </div>
                        <!-- Nav Start -->
                        <div class="classynav">
                            <ul>
                                <li><a href="#footer">联系我们</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="top-meta-data d-flex align-items-center">
                        <!-- Login -->
                        <a href="toCustomLogin" class="login-btn"><i class="fa fa-user" aria-hidden="true"></i></a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</header>
<!-- ##### Header Area End ##### -->

<!-- ##### Hero Area Start ##### -->
<div class="hero-area owl-carousel">
    <!-- Single Blog Post -->
    <div class="hero-blog-post bg-img bg-overlay" style="background-image: url(static/customIndex/img/bg-img/1.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <!-- Post Contetnt -->
                    <div class="post-content text-center">
                        <div class="post-meta" data-animation="fadeInUp" data-delay="100ms">
                            <a href="#">Quality And Quick</a>
                            <a href="#">优质迅速</a>
                        </div>
                        <a href="#" class="post-title" data-animation="fadeInUp" data-delay="300ms">QAQ 商标注册网站</a>
                        <!--                            <a href="customIndex/video-post.html" class="video-play" data-animation="bounceIn" data-delay="500ms"><i class="fa fa-play"></i></a>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Single Blog Post -->
    <div class="hero-blog-post bg-img bg-overlay" style="background-image: url(static/customIndex/img/bg-img/2.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <!-- Post Contetnt -->
                    <div class="post-content text-center">
                        <div class="post-meta" data-animation="fadeInUp" data-delay="100ms">
                            <a href="#">Quality And Quick</a>
                            <a href="#">优质迅速</a>
                        </div>
                        <a href="#" class="post-title" data-animation="fadeInUp" data-delay="300ms">QAQ 商标注册网站</a>
                        <!--                            <a href="customIndex/video-post.html" class="video-play" data-animation="bounceIn" data-delay="500ms"><i class="fa fa-play"></i></a>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Single Blog Post -->
    <div class="hero-blog-post bg-img bg-overlay" style="background-image: url(static/customIndex/img/bg-img/3.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <!-- Post Contetnt -->
                    <div class="post-content text-center">
                        <div class="post-meta" data-animation="fadeInUp" data-delay="100ms">
                            <a href="#">Quality And Quick</a>
                            <a href="#">优质迅速</a>
                        </div>
                        <a href="#" class="post-title" data-animation="fadeInUp" data-delay="300ms">QAQ 商标注册网站</a>
                        <!--                            <a href="customIndex/video-post.html" class="video-play" data-animation="bounceIn" data-delay="500ms"><i class="fa fa-play"></i></a>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ##### Hero Area End ##### -->

<!-- ##### Mag Posts Area Start ##### -->
<section class="mag-posts-area d-flex flex-wrap">

    <!-- >>>>>>>>>>>>>>>>>>>>
     Post Left Sidebar Area
    <<<<<<<<<<<<<<<<<<<<< -->
    <div class="post-sidebar-area left-sidebar mt-30 mb-30 bg-white box-shadow">
        <!-- Sidebar Widget -->
        <div class="single-sidebar-widget p-30">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>推荐注册</h5>
            </div>

            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-1.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">29类-食品<br/>30类-方便食品<br/>31类-种籽果蔬<br/>32类-材料加工<br/>33类-酒<br/>43类-餐饮住宿</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-2.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">14类-珠宝钟表<br/>37类-建筑修理<br/>40类-材料加工</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-3.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">28类-健身器材<br/>41类-教育娱乐<br/>44类-医疗园艺</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-4.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">29类-食品<br/>30类-方便食品<br/>31类-种籽果蔬<br/>40类-材料加工</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-5.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">22类-绳网袋篷<br/>23类-纱线丝<br/>24类-布料床单<br/>27类-地毯席垫</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-6.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">19类-建筑材料<br/>36类-金融物管<br/>37类-建筑修理</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-7.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">24类-布料床单<br/>25类-服装鞋帽<br/>26类-钮扣拉链</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-8.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">09类-科学仪器<br/>16类-办公用品</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-9.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">12类-运输工具<br/>35类-广告销售<br/>37类-建筑修理</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-10.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">09类-科学仪器<br/>38类-通讯服务<br/>42类-网站服务</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-11.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">16类-办公用品<br/>35类-广告销售<br/>38类-通讯服务<br/>41类-教育娱乐</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>


        </div>

    </div>

    <!-- >>>>>>>>>>>>>>>>>>>>
         Main Posts Area
    <<<<<<<<<<<<<<<<<<<<< -->
    <div class="mag-posts-content mt-30 mb-30 p-30 box-shadow">
        <!-- Trending Now Posts Area -->
        <div class="trending-now-posts mb-30">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>商标查询</h5>
            </div>
            <!-- Single Trending Post -->
            <div style="text-align: center">
                <a href="http://wcjs.sbj.cnipa.gov.cn/txnS01.do?RyPaGY3r=qqcPZrDn3WJrRuFs689a9jMJVw5jvdUL50Q0IZ9uo5oHlxyqKLmBR2PcqX2mYrEuc_mhWkeewizvO87qQ8G5r1.GzNektspNl_fLQdM4ORh4gZDwbT11ko369LlMF7mZMwRSMTVZIluQQIflLUZ8WlxTNllVlpx1F4IURkJI77o61Lc4&dy8fK6xo=2DuyIedy2shG4uR5ZMt2JVpSXrIUEmmRjkDFzO_OCLSS7LdATVM7FEGUJTLfznqY6kqk2WsFB48focEI5LcrZl3BkMbONW19MLCUR4kVLKWrvK2hpMsEhxHcF0Qt9WI_O"
                   class="post-title">
                    <img src="customIndex/img/core-img/1-1.png" alt="">
                </a>
            </div>
        </div>

        <!-- Feature Video Posts Area -->
        <div class="feature-video-posts mb-30">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>商标服务</h5>
            </div>

            <div class="featured-video-posts">
                <div class="row">
                    <div class="col-12 col-lg-12">
                        <!-- Featured Video Posts Slide -->
                        <div class="featured-video-posts-slide owl-carousel">

                            <div class="single--slide">
                                <img src="customIndex/img/core-img/2-1.png" alt="">
                            </div>

                            <div class="single--slide">
                                <img src="customIndex/img/core-img/2-1.png" alt="">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Most Viewed Videos -->
        <div class="most-viewed-videos mb-30">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>商标注册知识</h5>
            </div>

            <div class="most-viewed-videos-slide owl-carousel">
                <!-- Single Blog Post -->
                <div class="single-blog-post style-4">
                    <a href="http://wcjs.sbj.cnipa.gov.cn/">
                        <img src="customIndex/img/core-img/3-1.png" alt="">
                    </a>
                </div>
                <div class="single-blog-post style-4">
                    <a href="http://wcjs.sbj.cnipa.gov.cn/">
                        <img src="customIndex/img/core-img/3-2.png" alt="">
                    </a>
                </div>
                <div class="single-blog-post style-4">
                    <a href="http://wcjs.sbj.cnipa.gov.cn/">
                        <img src="customIndex/img/core-img/3-3.png" alt="">
                    </a>
                </div>
                <div class="single-blog-post style-4">
                    <a href="http://wcjs.sbj.cnipa.gov.cn/">
                        <img src="customIndex/img/core-img/3-4.png" alt="">
                    </a>
                </div>
            </div>
        </div>

        <!-- 商标注册好处 -->
        <div class="sports-videos-area">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>商标注册好处</h5>
            </div>

            <div class="row single-trending-post">
                <img src="customIndex/img/core-img/4-1.png">
            </div>

        </div>
    </div>

    <!-- >>>>>>>>>>>>>>>>>>>>
     Post Right Sidebar Area
    <<<<<<<<<<<<<<<<<<<<< -->
    <div class="post-sidebar-area right-sidebar mt-30 mb-30 box-shadow">
        <!-- Sidebar Widget -->
        <div class="single-sidebar-widget p-30">
            <!-- Section Title -->
            <div class="section-heading">
                <h5>推荐注册</h5>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-12.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">07类-机械设备<br/>08类-手工器械<br/>12类-运输工具<br/>40类-材料加工<br/>42类-网站服务</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <!-- Single Blog Post -->
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-13.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">03类-日化用品<br/>05类-医药<br/>10类-医疗器械<br/>21类-厨房洁具</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-14.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">01类-化学原料<br/>04类-燃料油脂<br/>11类-灯具空调<br/>40类-材料加工</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-15.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">01类-化学原料<br/>02类-颜料油漆<br/>04类-燃料油脂<br/>06类-金属材料</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-16.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">39类-运输贮藏<br/>41类-教育娱乐<br/>43类-餐饮住宿</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-17.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">35类-广告销售<br/>41类-教育娱乐</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-18.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">06类-金属材料<br/>39类-运输贮藏<br/>40类-材料加工</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-19.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">19类-建筑材料<br/>20类-家具<br/>21类-厨房洁具<br/>37类-建筑修理</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-20.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">09类-科学仪器<br/>11类-灯具空调<br/>37类-建筑修理</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-21.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">09类-科学仪器<br/>11类-灯具空调<br/>45类-社会服务</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-22.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">06类-金属材料<br/>17类-橡胶制品<br/>19类-建筑材料<br/>37类-建筑修理<br/>40类-材料加工</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>
            <div class="single-blog-post d-flex">
                <div class="post-thumbnail">
                    <img src="customIndex/img/core-img/0-23.png" alt="">
                </div>
                <div class="post-content">
                    <a href="#" class="post-title">37类-建筑修理<br/>41类-教育娱乐<br/>15类-乐器</a>
                    <div class="post-meta d-flex justify-content-between">
                    </div>
                </div>
            </div>


        </div>
    </div>
    </div>
</section>
<!-- ##### Mag Posts Area End ##### -->

<!-- ##### Footer Area Start ##### -->
<footer id="footer" class="footer-area" style="z-index: 3;height: 500px">
    <div class="container" style="margin-bottom: -50px">
        <div class="row">
            <!-- Footer Widget Area -->
            <div class="col-12 col-sm-6 col-lg-6">
                <div class="footer-widget">
                    <!-- Logo -->
                    <div class="widget-title">
                        <img src="customIndex/img/core-img/logo2.png" alt=""><span
                            style="color: white;font-size: small">&nbsp;Quality And Quick</span>
                    </div>

                    <p>&emsp;&emsp;我们提供商标查询、商标注册、商标变更、商标续展、商标转让、商标补证、商标许可等一系列专业服务。
                        <br/>&emsp;&emsp;我们始终关注着企业服务行业的前沿动态，在这变幻莫测的市场中为客户找到最佳的定位及解决方案，提升企业的影响和核心竞争力，帮助客户赢得市场先机。
                        <br/>&emsp;&emsp;我们坚信：真诚的态度，勤奋的工作，是我们赢得客户信赖的基础；而不断创新、力求完美，才是我们共同迈向美好未来的保证。</p>
                    <h6 class="widget-title">友情链接</h6>
                    &emsp;&emsp;<a class="frienda" href="http://sbj.cnipa.gov.cn/">中国商标网</a>
                    &emsp;&emsp;<a class="frienda" href="https://www.cloudwise.com/">云智慧</a>
                    &emsp;&emsp;<a class="frienda" href="http://www.zzaaa.net/index.html">AAA软件教育</a>
                </div>
            </div>

            <!-- Footer Widget Area -->
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="footer-widget">
                    <h6 class="widget-title">联系我们</h6>
                    <img src="customIndex/img/core-img/contactUs1.jpg">
                    <div style="margin-top: 20px;margin-left: 30px">
                        <h6 style="color: white">微信/电话：17724888002</h6>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="footer-widget">
                    <h6 class="widget-title1">&nbsp;</h6>
                    <img src="customIndex/img/core-img/contactUs2.jpg">
                    <div style="margin-top: 20px;margin-left: 50px">
                        <h6 style="color: white">QQ：1459293737</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Copywrite Area -->
    <div class="copywrite-area">
        <div class="container">
            <div class="row" style="z-index: 2">
                <!-- Copywrite Text -->
                <div class="col-12 col-sm-6">
                    <p class="copywrite-text">
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        &copy;<script>document.write(new Date().getFullYear());</script>
                        com.cloudwise 商标注册管理系统 by <a href="https://www.cloudwise.com/" target="_blank">Group One</a>
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
                </div>
                <div class="col-12 col-sm-6">
                    <nav class="footer-nav">
                        <ul>
                            <li><a href="https://github.com/KILIGzzz">Ivan</a></li>
                            <li><a href="https://github.com/enzopowershare">Enzo</a></li>
                            <li><a href="https://github.com/zswqaz">Back</a></li>
                            <li><a href="https://github.com/meirenqidemingzi">Epic</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- ##### Footer Area End ##### -->

<!-- ##### All Javascript Script ##### -->
<!-- jQuery-2.2.4 js -->
<script src="customIndex/js/jquery/jquery-2.2.4.min.js"></script>
<!-- Popper js -->
<script src="customIndex/js/bootstrap/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="customIndex/js/bootstrap/bootstrap.min.js"></script>
<!-- All Plugins js -->
<script src="customIndex/js/plugins/plugins.js"></script>
<!-- Active js -->
<script src="customIndex/js/active.js"></script>


<!--屏幕底部栏-->
<div style="position:fixed;background-color:rgba(0,0,0,0.6);height:100px;width:100%;bottom:0px;z-index: 1">
    <div style="width: 25%;height: fit-content;text-align: right;float: left">
        <img src="customIndex/img/core-img/Spongebob.ico" style="margin-top: -25px; width: auto;height: auto">
    </div>
    <div style="width: 20%;height: fit-content;float: left">
        <div>
            <text style="color: #FFFFFF;font-size: xx-large;float: top;margin-left: 10%">自己注册太麻烦？</text>
        </div>
        <div>
            <text style="color: #FFFFFF;font-size: xx-large;float:top ;margin-left: 10%">找我们就对了！</text>
        </div>
    </div>
    <div style="width: 55%;height: fit-content;float: right;">
        <form class="layui-form" action="" id="saveForm" style="margin-right: 40px;margin-top: 30px">
            <div class="layui-input-inline">
                <input type="text" name="name" required lay-verify="required" placeholder="请输入姓名"
                       autocomplete="off"
                       class="layui-input">
            </div>
            <div class="layui-input-inline">
                <input type="number" name="phone" required lay-verify="required" placeholder="请输入手机号" autocomplete="off"
                       class="layui-input">
            </div>
            <div class="layui-input-inline">
                <select id="topType" name="businesstype">

                </select>
            </div>
            <div class="layui-input-inline">
                <button class="layui-btn" lay-submit lay-filter="saveFilter">立即提交</button>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['layer', 'jquery', 'form'], function () {
        let layer = layui.layer;
        let $ = layui.jquery;
        let form = layui.form;
        let options = '';
        let $topType = $("#topType");
        form.on('submit(saveFilter)', function (data) {
            console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
            //提交表单数据
            $.ajax({
                url: "/custom/addPotentialCustomer",
                type: "POST",
                dataType: "JSON",
                data: data.field,
                success: function (ret) {
                    if (ret.code == 0) {
                        layer.msg(ret.msg, {icon: 6});
                    } else {
                        layer.msg(ret.msg, {icon: 5});
                    }

                }
            })
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });

        $.ajax({
            url: "/business/findAllDictionary",
            type: "GET",
            dataType: "JSON",
            success: function (allDictionary) {
                //将数据放到select中
                for (let i = 0; i < allDictionary.length; i++) {
                    if (allDictionary[i].type_id == 2) {
                        options += '<option value="' + allDictionary[i].dictionary_name + '">' + allDictionary[i].dictionary_name + '</option>';
                    }
                }

                $topType.html(options)
                form.render()
            }
        })

    })
</script>
</body>
</html>